<template>
    <div class="footer">
        <div class="num">{{ num }}</div>
    </div>
</template>

<script>
import * as API from '@/utils/api';
export default {
    name: 'MyHeader',
    data() {
        return {
            num: 0,
        }
    },
    created(){
        // 预退休提醒
        API.getTxrs().then(res=>{
            this.num = res.data.total_pre_retirement
        })
    }
}
</script>

<style lang="less" scoped>
    .footer{
        width: 100%;
        height: 158px;
        background: url(@/assets/img/footer.png) center top no-repeat, url(@/assets/img/bottom.png) center bottom no-repeat;
        background-size: 100%;
        padding: 55px 0 0 24px;
        color: #F5E74F;
        font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
        font-weight: 500;
        font-size: 42px;
        line-height: 48px;
    }
</style>